<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品展示</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/产品列表.css">
</head>

<body>
    <!-- 网页头部 -->
    <div class="head min">
        <div class=" head-top c25 clearfix">
            <div class="content">
                <p class="fl cf mt ">欢迎来到HOUSE家居网!</p>
                <P class="fr cf mt ">
                    <span >登录</span>
                    <span >注册</span> 
                </P>
            </div>
        </div>

        <div class="head-buttom content clearfix">
            <div class="log m2 clearfix ">
                <img class="fl" src="../images/logo.png">
                <div class=" text fr">
                    <ul>
                        <li class=" title"><a href="./首页home.html">首页</a></li>
                        <li><a href="./关于我们.html">关于我们</a></li>
                        <li><a href="./产品详情.html">产品展示</a></li>
                        <li><a href="./新闻列表详情页.html">新闻动态</a></li>
                        <li><a href="./在线留言.html">在线留言</a></li>
                        <li><a href="./联系我们.html">联系我们</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 广告图片 -->
    <div class="banner min">

    </div>


    <!-- 标题 -->
    <div class="biaoti  min" >
        <p class="f14 content"><a href="./首页home.html">首页 </a>>> <a href="./关于我们.html">关于我们</a> </p>
    </div>


    <!-- 图片排列 -->
    <div class="tupian content clearfix min" >
        <div class="tupiana fl">
            <h2 class="f21"> <a href="./产品详情.html">产品展示</a> </h2>
            <div class="tupiana1 ">
                <ul>
                    <li><a href="./产品详情.html">床上用品</a></li>
                    <li><a href="./产品详情.html">家居饰品</a></li>
                    <li><a href="./产品详情.html">居家日用</a></li>
                    <li><a href="./产品详情.html">家居收纳</a></li>
                    <li><a href="./产品详情.html">厨房收纳</a></li>
                    <li><a href="./产品详情.html">厨房餐饮</a></li>
                </ul>
                <p><a href="./产品详情.html"><img src="../images/02_wqpl.jpg" alt=""></a></p>
            </div>

        </div>



        <div class="tupianb  fr content " >
            <ul class=" content clearfix">


                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro1.png" alt=""></a>
                    <p class="f14 mt ">实木照片墙 创意绿色小鸟墙贴</p>
                    <p class="f14 cc">¥400.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro2.png" alt=""></a>
                    <p class="f14 mt ">全悦18框实木照片墙创意相片墙</p>
                    <p class="f14 cc">¥189.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro3.png" alt=""></a>
                    <p class="f14 mt ">实全悦18框实木照片墙创意相片墙</p>
                    <p class="f14 cc">¥1500.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro4.png" alt=""></a>
                    <p class="f14 mt ">椭圆相框照片墙家居饰品创意复古墙</p>
                    <p class="f14 c">¥800.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro5.png" alt=""></a>
                    <p class="f14 mt ">浴室吸水防滑进门地垫卫生间丝脚垫</p>
                    <p class="f14 c">¥500.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro6.png" alt=""></a>
                    <p class="f14 mt ">可爱小脚丫浴室门口吸水防滑地垫</p>
                    <p class="f14 c">¥250.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro7.png" alt=""></a>
                    <p class="f14 mt ">长毛柔软地垫客厅卧室浴室地毯垫子</p>
                    <p class="f14 c">¥220.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro8.png" alt=""></a>
                    <p class="f14 mt ">客厅卧室茶几沙发欧式加厚丝毛地毯</p>
                    <p class="f14 c">¥400.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro9.jpg" alt=""></a>
                    <p class="f14 mt ">杜拓真空压缩袋 11丝加厚真空收纳袋</p>
                    <p class="f14 c">¥500.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro7.png" alt=""></a>
                    <p class="f14 mt ">长毛柔软地垫客厅卧室浴室地毯垫子</p>
                    <p class="c f14 ">¥220.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro8.png" alt=""></a>
                    <p class="f14 mt ">客厅卧室茶几沙发欧式加厚丝毛地毯</p>
                    <p class="c f14 ">¥400.00</p>
                </li>

                <li class="fl tupianb1">
                    <a href="./产品详情.html"><img src="../images/pro9.jpg" alt=""></a>
                    <p class="f14 mt ">杜拓真空压缩袋 11丝加厚真空收纳袋</p>
                    <p class="c f14 ">¥500.00</p>
                </li>


            </ul>
 
            <ul>
                <li class="ye content">
                    <span href="#">共60条记录</span>
                    <a href="#" class="a1">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">5</a>
                    <a href="#">下一页</a>
                    <a href="#">末页</a>
                
               
                </li>
            </ul>


        </div>
        <!-- 左右排列 -->
    </div>


    <!-- 网页页脚 -->
    <div class="foot  c14 min">
        <div class="foot-nei content">

            <div class="foot-nei1  fl mr85 c76">
                <h2><img src="../images/logo2.jpg" alt=""></h2>
                <p><i class="fontimg1"></i>中国上海市XXX区XXX路12号XX大厦5层5XX室</p>
                <p><i class="fontimg2"></i>400-000-XXXX (021)-12345678XX</p>
                <p><i class="fontimg3"></i>12345678XXX@gmail.com</p>

            </div>

            <div class="foot-nei2  fl clearfix ">
                <h2 class=" cf f20">快速链接</h2>
                <ul>
                    <li><a>&gt;网站首页</a></li>
                    <li><a>&gt;产品展示</a></li>
                    <li><a>&gt;在线留言</a></li>
                    <li><a>&gt;关于我们</a></li>
                    <li><a>&gt;新闻动态</a></li>
                    <li><a>&gt;联系我们</a></li>
                </ul>

            </div>



            <div class="foot-nei3 fr mr65 clearfix">
                <h2 class=" cf f20">站内收索</h2>
                <p class="kuang">
                    <input type="text">
                    <button>搜索</button>
                </p>
                <p class="biao f15 c76">关注我们<img src="../images/fenxiang.png"></p>

            </div>
        </div>


        <div class="foot-nei4  mt85">

            <p class="cf">Copyright © 2009-2011,www.XXXXXX.com,All rights reserved 沪ICP备XXXXXXX号未经同意,不得转载</p>

        </div>
    </div>
</body>

</html>